// @import "@angular/material/prebuilt-themes/deeppurple-amber.css";
@import "theme.scss";

html,
body,
app-root,
.site,
mat-sidenav-container {
  width: 100%;
  height: 100%;
  margin: 0;
}

.site {
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}

.full-width {
  width: 100%;
}

.fill-remaining-space {
  // 使用flexbox 填充剩余空间
  // @angular/material 中很多空间使用了flex布局
  flex: 1 1 auto;
}
